<!DOCTYPE html>
<html lang=zh-cn>

<head>
  <meta charset="utf-8">
  <meta http-equiv=X-UA-Compatible content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name=keywords content=备长炭,binchoutan>
  <meta name=description content=备长炭资源导航，方便喜欢备长炭的人查找想要的资源>
  <link rel=icon href=/favicon.ico>

  <title>备长炭 资源导航</title>
  <link rel="shortcut icon" href="http://binchoutan.natapp1.cc/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="layui/css/layui.css">
  <link rel="stylesheet" href="layui/css/bei.css">
</head>

<body class="bgimg">

  <main>
    <blockquote>一位少女独居在山中的独户小屋里，坚强而努力地度过每一天的“悠闲”故事。
      <footer>
        <cite>
          &mdash;备长炭
        </cite>
      </footer>
    </blockquote>

    <div class="card-group">
      <fieldset class="layui-elem-field layui-field-title">
        <legend>资源导航</legend>
        <img src="source/images/player01.png" class="player01" />
        <img src="source/images/player02.png" class="player02" />
      </fieldset>
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
          <div class="card">
            <div class="card-header ">动画</div>
            <div class="card-body">
              B站视频地址<br>
              https://www.bilibili.com/bangumi/play/ep25976
              <div class="layui-btn-group">
                <button type="button" class="layui-btn btn-group layui-btn-warm tag-0" test-active="test-0"
                  data-clipboard-text="https://www.bilibili.com/bangumi/play/ep25976">复制</button>
                <button type="button" class="layui-btn btn-group" test-active="test-1">访问</button>
              </div>

            </div>
          </div>
        </div>
        <div class="layui-col-md6">
          <div class="card">
            <div class="card-header">漫画</div>
            <div class="card-body">
              漫画之家地址(可以看备长炭漫画1～4卷，12集动漫就是由前4卷改编)<br>
              http://m.dm5.com/m23301
              <div class="layui-btn-group">
                <button type="button" class="layui-btn btn-group layui-btn-warm tag-2" test-active="test-2"
                  data-clipboard-text="http://m.dm5.com/m23301">复制</button>
                <button type="button" class="layui-btn btn-group" test-active="test-3">访问</button>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
          <div class="card">
            <div class="card-header">贴吧</div>
            <div class="card-body">
              备长炭贴吧(可以看学校篇，故事延续动漫的剧情，未完全汉化)<br>
              https://tieba.baidu.com/f?kw=备长炭
              <div class="layui-btn-group">
                <button type="button" class="layui-btn btn-group layui-btn-warm tag-4" test-active="test-4"
                  data-clipboard-text="https://tieba.baidu.com/f?kw=备长炭">复制</button>
                <button type="button" class="layui-btn btn-group" test-active="test-5">访问</button>
              </div>
            </div>
          </div>
        </div>
        <div class="layui-col-md6">
          <div class="card">
            <div class="card-header">QQ群</div>
            <div class="card-body">
              点击链接加入群聊【祝福备长炭幸福守护备】：<br>
              https://jq.qq.com/?_wv=1027&k=MGxkMDmH <br>
              <div class="layui-btn-group">
                <button type="button" class="layui-btn btn-group layui-btn-warm tag-6" test-active="test-6"
                  data-clipboard-text="https://jq.qq.com/?_wv=1027&k=MGxkMDmH">复制</button>
                <button type="button" class="layui-btn btn-group" test-active="test-7">访问</button>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
          <div class="card">
            <div class="card-header">小说</div>
            <div class="card-body">
              备长炭同人小说<br>
              起点 https://book.qidian.com/info/1028485371 <button type="button" class="layui-btn"
                test-active="test-8">访问</button><br>
              飞卢 https://b.faloo.com/1001285.html <button type="button" class="layui-btn"
                test-active="test-9">访问</button><br>
            </div>
          </div>
        </div>
        <div class="layui-col-md6">
          <div class="card">
            <div class="card-header">汉化</div>
            <div class="card-body">
              如果您想参与《备长炭 学校篇》汉化，可以访问网站一起合作<br>
              http://binchoutan.natapp1.cc/index.php
              <div class="layui-btn-group">
                <button type="button" class="layui-btn btn-group layui-btn-warm tag-10" test-active="test-10"
                  data-clipboard-text="http://binchoutan.natapp1.cc/index.php">复制</button>
                <button type="button" class="layui-btn btn-group" test-active="test-11">访问</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </main>

  <!-- 引入 layui.js 的 <script> 标签最好放置在 html 末尾 -->
  <script src="layui/layui.js"></script>
  <script src="layui/clipboard.min.js"></script>
  <script>
    layui.use(function () {
      var layer = layui.layer
        , form = layui.form
        , laypage = layui.laypage
        , element = layui.element
        , laydate = layui.laydate
        , util = layui.util;

      //欢迎信息
      var now = new Date();
      var hours = now.getHours();
      if (hours <= 11) {
        layer.msg('早安 备长炭');
      }
      else if (hours <= 13) {
        layer.msg('午安 备长炭');
      }
      else if (hours >= 19) {
        layer.msg('晚安 备长炭');
      }
      else {
        layer.msg('祝福备长炭幸福守护备长炭');
      }

      //触发事件
      util.event('test-active', {
        'test-0': function () {
          var clipboard = new ClipboardJS('.tag-0')
          clipboard.on('success', e => {
            layer.msg('复制成功');
            // 释放内存
            clipboard.destroy()
          })
          clipboard.on('error', e => {
            // 不支持复制
            layer.msg('该浏览器不支持自动复制,请手动输入')
            // 释放内存
            clipboard.destroy()
          })
        },
        'test-1': function () {
          window.open("https://www.bilibili.com/bangumi/play/ep25976");
        },
        'test-2': function () {
          var clipboard = new ClipboardJS('.tag-2')
          clipboard.on('success', e => {
            layer.msg('复制成功');
            // 释放内存
            clipboard.destroy()
          })
          clipboard.on('error', e => {
            // 不支持复制
            layer.msg('该浏览器不支持自动复制,请手动输入')
            // 释放内存
            clipboard.destroy()
          })
        },
        'test-3': function () {
          window.open("http://m.dm5.com/m23301");
        },
        'test-4': function () {
          var clipboard = new ClipboardJS('.tag-4')
          clipboard.on('success', e => {
            layer.msg('复制成功');
            // 释放内存
            clipboard.destroy()
          })
          clipboard.on('error', e => {
            // 不支持复制
            layer.msg('该浏览器不支持自动复制,请手动输入')
            // 释放内存
            clipboard.destroy()
          })
        },
        'test-5': function () {
          window.open("https://tieba.baidu.com/f?kw=备长炭");
        },
        'test-6': function () {
          var clipboard = new ClipboardJS('.tag-6')
          clipboard.on('success', e => {
            layer.msg('复制成功');
            // 释放内存
            clipboard.destroy()
          })
          clipboard.on('error', e => {
            // 不支持复制
            layer.msg('该浏览器不支持自动复制,请手动输入')
            // 释放内存
            clipboard.destroy()
          })
        },
        'test-7': function () {
          window.open("https://jq.qq.com/?_wv=1027&k=MGxkMDmH");
        },
        'test-8': function () {
          window.open("https://book.qidian.com/info/1028485371");
        },
        'test-9': function () {
          window.open("https://b.faloo.com/1001285.html");
        },
        'test-10': function () {
          var clipboard = new ClipboardJS('.tag-10')
          clipboard.on('success', e => {
            layer.msg('复制成功');
            // 释放内存
            clipboard.destroy()
          })
          clipboard.on('error', e => {
            // 不支持复制
            layer.msg('该浏览器不支持自动复制,请手动输入')
            // 释放内存
            clipboard.destroy()
          })
        },
        'test-11': function () {
          window.open("http://binchoutan.natapp1.cc/index.php");
        }
      });
    });
  </script>
</body>

</html>